<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
    <title>12强</title>
	<link rel="stylesheet" href="'../../../css/contest/contest.css">
</head>
<body>
	<div class="header">
		<div class="container clearfix">
			<span class="fl logo"><img src="../images/common/logo-s.png" /></span>
			<ul class="fr nav">
				<li class="it"><a href="home.html">首页</a></li>
				<li class="it"><a href="about-contest.html">关于比赛</a></li>
				<li class="it active"><a href="hot.html">人气选手</a></li>
				<li class="join"><a class="btn" href="enter-personal.html">我要报名</a></li>
			</ul>
		</div>
	</div>
	<div id="contest">
		<div class="banner">
			<div class="txt">
				<span class="left-line"><img src="../images/icon/icon_04.png" /></span>
				<span class="pic animated fadeInDown"><img src="../images/txt/txt_02.png" /></span>
				<span class="right-line"><img src="../images/icon/icon_05.png" /></span>
			</div>
		</div>
		<div class="container">
			<ul class="hot-list clearfix">
				<li class="it">
					<div class="info">
						<p class="pic"><span><img src="../images/test/avatar.jpg" /></span></p>
						<p class="name">穆小凡</p>
						<p class="loc">上海</p>
						<p class="button"><a class="btn play" href="javascript:void(0)">听她唱歌</a></p>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<a class="animated bounceIn" id="share" href="javascript:void(0)"><em class="icon icon-share"></em></a>
	<div class="footer">
		<p>Copyright(C) 2015 雅马哈乐器音响 ( 中国 ) 投资有限公司 All Rights Reserved.</p>
		<p><a href="#">咨询方式</a>｜<a href="#">网站运营</a></span>
	</div>
	<!-- 视频 -->
	<div class="layer" id="vedio-layer">
		<div class="warpper vedio">
			<p><img src="../images/common/bg.jpg" /></p>
			<a class="close-layer" href="javascript:void(0)"></a>
		</div>
	</div>
	
	<!-- 分享 -->
	<div class="layer" id="share-layer">
		<div class="warpper share-tips clearfix">
			<em class="icon icon-share-b"></em>
			<p class="fl txt"><em class="icon icon-share-txt"></em>你喜欢的【吉他女声】至朋友圈，<i>集满30个赞</i>，截图发送至<i>【雅马哈电声乐器】</i>公众号，即可获得<i>定制运动水壶</i>一个（前1000名限定）快为你喜欢的选手拉票吧！</p>
			<p class="fl pic"><img src="../images/common/bottle.gif" /></p>
		</div>
	</div>
	<script type="text/javascript" src="../js/lib/jquery/jquery-2.0.3.min.js"></script>
	<script>
		$(function(){
			$(document).on('click', '.play', function(){
				$('#vedio-layer').slideDown('fast');
			}).on('click', '.close-layer', function(){
				$('#vedio-layer').slideUp('fast');
			}).on('click', '#share', function(){
				$('#share-layer').slideDown('fast');
			});
		});
	</script>
</body>
</html>